<!--
  Generated template for the PersonalMessagePage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>个人资料</ion-title>
  </ion-navbar>

</ion-header>


<ion-content>
  <ion-list>
    <ion-item (click)="skipToImgEdit()">
      <ion-thumbnail item-end>
        <!--<img src="../../assets/imgs/user.png">-->
        <img src="{{data.img}}">
      </ion-thumbnail>
      <h2>头像</h2>
      <i class="iconfont icon-gengduo" item-end></i>
    </ion-item>

    <ion-item>
      账号
      <ion-note item-end>
       {{phone}}
      </ion-note>
      <i class="iconfont icon-gengduo" item-end style="visibility: hidden;"></i>
    </ion-item>

    <ion-item (click)="skipToNickNameEdit()" *ngIf="nickname">
      昵称
      <ion-note item-end>
     {{nickname}}
      </ion-note>
      <i class="iconfont icon-gengduo" item-end></i>
    </ion-item>


    <ion-item (click)="skipToNickNameEdit()" *ngIf="!nickname"><!--nickname == ''||nickname ==null -->
      昵称
      <ion-note item-end>
      {{phone}}
      </ion-note>
      <i class="iconfont icon-gengduo" item-end></i>
    </ion-item>
    <!-- <img src="assets/imgs/icon-account-circle.png" alt="" *ngIf="data.payment_id === '4'" />
    <p class="icon-note" *ngIf="data.payment_id === '4'">
      账户余额
    </p>

    <img src="assets/imgs/icon-weixin-circle.png" alt="" *ngIf="data.payment_id === '1'" />
    <p class="icon-note" *ngIf="data.payment_id === '1'">
      微信
    </p>

    <img src="assets/imgs/icon-zhifubao-circle.png" alt="" *ngIf="data.payment_id === '2'" />
    <p class="icon-note" *ngIf="data.payment_id === '2'">
      支付宝
    </p> -->





  </ion-list>
</ion-content>
